{template 'header'}
<style type="text/css">
.schedule-calendar-page {
    background-color:#efeff4;
    max-width:431px;
}
.schedule-calendar-page .banner {
    height:188px;
    color:#fff;
    text-align:center;
    background-image:url({RES}img/bremark_banner.png);
    background-size:contain;
    background-repeat:no-repeat;
}
.schedule-calendar-page .banner .banner-inner {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin:0 auto;
    height:74px;
    width:90%;
    padding-top:26px;
}
.schedule-calendar-page .banner .banner-inner .banner-box {
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
}
.schedule-calendar-page .banner .banner-inner .banner-box p {
    font-size:28px;
    -webkit-letter-spacing:2px;
    -moz-letter-spacing:2px;
    -ms-letter-spacing:2px;
    letter-spacing:2px;
}
.schedule-calendar-page .banner .banner-inner .banner-box p span {
    font-size:12px;
}
.schedule-calendar-page .banner .banner-inner .banner-box .banner-title {
    font-size:16px;
    -webkit-letter-spacing:1px;
    -moz-letter-spacing:1px;
    -ms-letter-spacing:1px;
    letter-spacing:1px;
}
.schedule-calendar-page .banner .banner-inner .divid {
    border-left:1px solid rgba(255, 255, 255, 0.5);
    height:100%;
    width:0;
    margin-top:4px;
}
.schedule-calendar-page .calendar-wrap {
    width:90%;
    margin:0 auto;
    margin-top:-97px;
    background-color:#fff;
    border-radius:10px;
}
.schedule-calendar-page .calendar-wrap .calendar-head {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin:0 auto;
    margin-top:5px;
    height:50px;
    line-height:50px;
    background-color:#fff2f3;
    border-radius:10px 10px 0 0;
}
.schedule-calendar-page .calendar-wrap .calendar-head .left, .schedule-calendar-page .calendar-wrap .calendar-head .right {
    text-align:center;
    width:30px;
    color:#9b9b9b;
}
.schedule-calendar-page .calendar-wrap .calendar-head .left {
    padding-left:11px;
}
.schedule-calendar-page .calendar-wrap .calendar-head .right {
    padding-right:15px;
    margin-right:2px;
}
.schedule-calendar-page .calendar-wrap .calendar-head .time {
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    text-align:center;
}
.schedule-calendar-page .calendar-wrap .week-wrap {
    height:30px;
    line-height:30px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    color:#9b9b9b;
    padding:0 6px;
    margin-top:9px;
}
.schedule-calendar-page .calendar-wrap .week-wrap div {
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    text-align:center;
}
.schedule-calendar-page .calendar-wrap .month-day {
    overflow:hidden;
    padding:0 6px;
    -webkit-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out;
}
.schedule-calendar-page .calendar-wrap .month-day .week-line {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    height:35px;
    line-height:35px;
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
    -webkit-align-items:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.schedule-calendar-page .calendar-wrap .month-day .week-line .day {
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    text-align:center;
    color:#9b9b9b;
}
.schedule-calendar-page .calendar-wrap .month-day .week-line .day .fail {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:28px;
    width:28px;
    margin:0 auto;
    line-height:28px;
    border-radius:50%;
    background-color:#ddd;
    color:#fff;
}
.schedule-calendar-page .calendar-wrap .month-day .week-line .day .relax {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:28px;
    width:28px;
    margin:0 auto;
    line-height:28px;
    border-radius:50%;
    background-color:#fff;
    color:#9b9b9b;
}
.schedule-calendar-page .calendar-wrap .month-day .week-line .day .success {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:28px;
    width:28px;
    margin:0 auto;
    border-radius:50%;
    background-color:rgba(254, 85, 102, 0.439);
    color:#fff;
}
.schedule-calendar-page .calendar-wrap .month-day .week-line .day .success .inner-success {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    height:22px;
    width:22px;
    line-height:22px;
    margin:2px auto;
    border-radius:50%;
    -webkit-align-items:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:#fe5566;
}
.schedule-calendar-page .calendar-wrap .month-day .week-line .day .normal {
    display:block;
}
.schedule-calendar-page .calendar-wrap .month-day .week-line .day .read {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:28px;
    width:28px;
    margin:0 auto;
    line-height:28px;
    border-radius:50%;
    background-color:#008000;
    color:#fff;
}
.schedule-calendar-page .calendar-wrap .tip {
    background-color:#fff;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    padding:0 15px;
    padding-top:15px;
    padding-bottom:15px;
    border-radius:0 0 10px 10px;
}
.schedule-calendar-page .calendar-wrap .tip .has-punch, .schedule-calendar-page .calendar-wrap .tip .no-punch {
    width:70px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    font-size:0.12rem;
    -webkit-align-items:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#9b9b9b;
}
.schedule-calendar-page .calendar-wrap .tip .has-punch .has-punch-dot, .schedule-calendar-page .calendar-wrap .tip .no-punch .has-punch-dot {
    height:10px;
    width:10px;
    border-radius:50%;
    background-color:#fe5566;
    margin-right:5px;
}
.schedule-calendar-page .calendar-wrap .tip .has-punch .no-punch-dot, .schedule-calendar-page .calendar-wrap .tip .no-punch .no-punch-dot {
    height:10px;
    width:10px;
    border-radius:50%;
    background-color:#f2f2f2;
    margin-right:5px;
}
.schedule-calendar-page .calendar-wrap .tip .no-punch {
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
}
.schedule-calendar-page .calendar-wrap .tip .ctrl-calendar {
    width:70px;
    text-align:right;
    color:#6a7fa5;
    font-size:0.12rem;
    margin-right:3px;
}
.schedule-calendar-page .footer {
    margin-top:20px;
    text-align:center;
    padding-bottom:10px;
}
.schedule-calendar-page .footer p {
    font-size:0.12rem;
    color:#4a4a4a;
}
.schedule-calendar-page .footer .punch-btn {
    margin:0 auto;
    margin-top:10px;
}
.schedule-calendar-page .tip-wrap {
    margin:0 auto;
    margin-top:20px;
    width:83%;
}
.schedule-calendar-page .tip-wrap .tip-title-line {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    font-size:16px;
}
.schedule-calendar-page .tip-wrap .tip-title-line .case-btn {
    width:117px;
    color:#6a7fa5;
    line-height:19px;
}
.schedule-calendar-page .tip-wrap .tip-title-line .case-btn .case {
    display:inline-block;
    height:18px;
    width:18px;
    text-align:center;
    border-radius:50%;
    background-color:#6a7fa5;
    color:#fff;
    font-size:15px;
    margin-left:3px;
}
.schedule-calendar-page .tip-wrap .tip-title-line .title {
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    color:#4a4a4a;
}
.schedule-calendar-page .tip-wrap .tip-content {
    padding-top:12px;
    width:100%;
}
.schedule-calendar-page .tip-wrap .tip-content p {
    font-size:14px;
    color:#9b9b9b;
    padding-bottom:2px;
    line-height:25px;
}
.schedule-calendar-page .tip-shade {
    position:fixed;
    height:100%;
    width:100%;
    left:0;
    right:0;
    margin:0 auto;
    top:0;
    z-index:2;
    background-color:rgba(0, 0, 0, 0.7);
    max-width:431px;
}
.schedule-calendar-page .tip-shade .dialog {
    width:80%;
    margin:0 auto;
    margin-top:98px;
    max-width:345px;
}
.schedule-calendar-page .tip-shade .dialog img {
    width:100%;
}
.schedule-calendar-page .tip-shade .confirm {
    height:35px;
    width:130px;
    text-align:center;
    border-radius:6px;
    border:1px solid #fff;
    color:#fff;
    background:rgba(0, 0, 0, 0);
    margin:0 auto;
    font-size:18px;
    margin-top:20px;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
.schedule-calendar-page .schedule-shade {
    position:fixed;
    top:0;
    height:100%;
    max-width:480px;
    width:100%;
    background-color:rgba(0, 0, 0, 0.8);
}
.schedule-calendar-page .guide {
    top:0;
    height:100vh;
    width:100%;
    position:fixed;
    max-width:480px;
}
.schedule-calendar-page .guide img {
    height:100%;
    width:100%;
}
.jedateblue .daybox .arthead{
	background: -webkit-linear-gradient(left,#fe956f,#fe5064);
	box-shadow: 0 3px 17px -11px #ff001d;
}
.poster-bg{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.5);
    display: none;
}
.poster-bg #bremark-img{
	width:80%;
	height:auto;
	width: 80%;
    height: auto;
    margin: 0 10%;
    margin-top: 50px;
}
.poster-bg .close-img{
	width: 6%;
    height: auto;
    bottom: 50px;
    position: fixed;
    margin-left: 47%;
}

</style>
<div id="root">
    <div class="schedule-calendar-page g-page">
        <div class="banner">
            <div class="banner-inner">
                <div class="banner-box">
                    <p class="banner-title">连续学习</p>
                    <p id="total_listen">
                    </p>
                </div>
                <div class="divid"></div>
                <div class="banner-box">
                    <p class="banner-title">累计学分</p>
                    <p id="total_bremark">
                    </p>
                </div>
            </div>
        </div>
        <div class="calendar-wrap">
            <div class="jectx clearfix" id="showje"></div>
            <div class="tip">
                <div class="has-punch" style="margin-left: 3px;">
                    <div class="has-punch-dot"></div>已打卡</div>
                <div class="no-punch">
                    <div class="no-punch-dot"></div>未打卡</div>
                <div class="ctrl-calendar" style="position: relative;">
                <!-- <span style="position: absolute; right: 0px;">展开日历</span> -->
                </div>
            </div>
        </div>
        <div class="" id="toBremark" style="display: none;">
            <div class="footer">
                <p>今日已有<span class="total_all_bremark"></span>人参与打卡</p>
                <button onclick="{if $cfg['bremark_type']==0}toListen(){else if $cfg['bremark_type']==1}$('#shareBox').show();{else}geBremark();{/if}" class="g-button" style="margin: 7px auto 0px;">立即打卡</button>
            </div>
        </div>
        <div class="" id="no_has_bremark" style="display: none;">
            <div class="footer">
                <p>今日已有<span class="total_all_bremark"></span>人参与打卡</p>
                <button onclick="showSupply();" class="g-button" style="margin: 7px auto 0px;">补打卡</button>
            </div>
        </div>
        <div class="tip-wrap">
        	{$cfg['bremark']}
        </div>
        <div class="" id="shareBox" onclick="$('#shareBox').hide();" style="display: none;">
            <div class="g-mask is-deep" style="z-index: 3;"></div>
            <div style="z-index: 4; color: rgb(255, 255, 255); text-align: center; position: fixed; width: 100%; height: 100vh; max-width: 480px; top: 0px;">
                <img class="arrow" src="{RES}img/guide.png" alt="" style="position: absolute; right: 25px; top: 25px; width: 0.7rem;">
                <p style="margin-top: 100px; font-size: 18px;">点击右上角三个点选项</p>
                <div style="font-size: 12px; width: 100%; text-align: center; margin-top: 26px;">
                    <img src="{RES}img/friendship.png" alt="" style="height: 0.75rem;">
                    <p style="padding-top: 5px;">分享朋友圈</p>
                </div>
                <p style="margin-top: 20px; font-size: 20px;">分享到朋友圈即为打卡成功</p>
                <p style="margin-top: 4px; font-size: 20px;">还可邀请更多好友一起学习！</p>
            </div>
        </div>
        <div class="" style="display: none;">
            <div class="tip-shade">
                <div class="dialog" style="margin-top: 136px;">
                    <img src="{RES}img/bremark_suc.png" alt="">
                </div>
                <div class="confirm">我知道了</div>
            </div>
        </div>
        <div class="" style="display: none;">
            <div class="tip-shade">
                <div class="dialog">
                    <img src="{RES}img/bremark_suc2.png" alt="">
                </div>
                <div class="confirm">我知道了</div>
            </div>
        </div>
        <div id="alert-msg" class="g-modal g-hidden">
            <div class="g-mask"></div>
            <div class="dialog">
                <div id="alert-msg-content" class="content">
                	
                </div>
                <div class="g-modal-footer" onclick="hideAlertMsg();"><a class="g-modal-btn active" href="javascript:;">我知道了</a>
                </div>
            </div>
        </div>
        <div id="supply-bremark" class="g-modal g-hidden">
            <div class="g-mask"></div>
            <div class="dialog">
                <div class="content" style="text-align: left;">
                	{$cfg['bremark1']}
                </div>
                <div class="g-modal-footer">
                <a onclick="hideSupply();" class="g-modal-btn" style="color:#999;">取消</a>
                <a class="g-modal-btn active" href="{php echo $this->murl('bremark2')}">去补卡</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="poster-bg">
	<img id="bremark-img" />
	<img onclick="hidePotser()" src="{RES}img/close.png" class="close-img">
</div>
<canvas id="myCanvas" width="640" height="1008" style="display:none;"></canvas>  
{template 'loading'}
<script>
    $.extend(window, {
        YearMonth:'',
        updateMarks:function () {

        },
        marksList:''
    });
</script>
<link rel="stylesheet" href="{RES}css/jedate.css?v={TIMESTAMP}">
<style>
.jedateblue .daybox .arthead{
	background: -webkit-linear-gradient(left,#fe956f,#fe5064);
	box-shadow: 0 3px 17px -11px #ff001d;
}
</style>
<script src="{RES}js/jquery.jedate.js?v={TIMESTAMP}"></script>
<script>
var mem_book_id = getCookie('mem_book');
var is_first = false;
var today_has_bremark = false;
var book_title;
var now_day = 0;
var qrurl = '';

function toListen(){
	showAlertMsg('学习时间未满',function(){
		location.href = "{php echo $this->murl('blisten')}";
	})
}
function getInfo(){
	//YearMonth：插件返回的日期信息，此处只渲染此书所有的打卡情况，故只需更改月份信息即可
	LOADING(true);
	$.ajax({
		url:'{php echo $this->murl("bremark")}',
		data: {id: mem_book_id},
		type: "post",
		success: function(dat){
			dat = JSON.parse(dat);
			console.log(dat)
			LOADING(false);
			if(dat.code==1){
				if(is_first){
	            	updateMarks(dat.bremark);//跟新marks的dom结构
	            }
				else{
					book_title = dat.book.title;
					now_day = dat.book.now_day;
					qrurl = dat.qrurl;
					$('.total_all_bremark').text(dat.total_all_bremark);
					$('#total_listen').html(dat.total_listen+'<span>天</span>');
					$('#total_bremark').html(dat.total_bremark+'<span>分</span>');
					if(now_day>0){
						if(dat.today_has_bremark == 1) today_has_bremark = true;
						else $('#toBremark').show()
					}
					if(dat.no_has_bremark > 0) $('#no_has_bremark').show();
					$("#showje").jeDate({
	                    isShow:false,
	                    format: "YYYY-MM-DD",
	                    /*marks的status有4种状态。isopen：已打卡，expired：已过期，canopen：可以咔哒，waitopen：等待打卡
	                    特别说明（日期不足2位的必须加0，如：'2015-1-3' 要写成 '2015-01-03' 否则标注不成功）*/
	                    marks:dat.bremark
	                });
					is_first = true;
				}
			}
			else{
				msgTip(dat.msg,function(){
					location.href='{php echo $this->murl("index")}'
				})
			}
		}
	})	
}
var bremark_time = 0;
function geBremark(){
	if(bremark_time==0){
		var time = new Date(); 
    	bremark_time = time / 1000;
	}
	if(now_day==0) return false;
	$.ajax({
		url:'{php echo $this->murl("bremark")}',
		data: {id: mem_book_id, bremark_time: bremark_time, op: 'bremark'},
		type: "post",
		success: function(dat){
			dat = JSON.parse(dat);
			$('#shareBox').hide()
			if(dat.code == 1){
				{if $cfg['bremark_type']==2}
					createPoster();
					return;
				{/if}
				showAlertMsg(dat.msg,function(){
					location.href='{php echo $this->murl("bremark")}'
				});
			}
			else if(dat.code == 5){
				showAlertMsg(dat.msg,function(){
					location.href='{php echo $this->murl("bremark")}'
				})
			}
			else if(dat.code == 4 || dat.code == 3 || dat.code == 2){
				showAlertMsg(dat.msg)
			}	
			else{
				showAlertMsg(dat.msg,function(){
					location.href='{php echo $this->murl("index")}'
				})
			}
			LOADING(false);
		}
	});
}
function hidePotser(){
	$('.poster-bg').hide();
	showAlertMsg('打卡成功',function(){
		location.href='{php echo $this->murl("bremark")}'
	})
}
function showSupply(){
	$('#supply-bremark').removeClass('g-hidden')
}
function hideSupply(){
	$('#supply-bremark').addClass('g-hidden')
}
function showAlertMsg(msg, callBack){
	$('#alert-msg-content').text(msg);
	$('#alert-msg').removeClass('g-hidden');
	setTimeout(function(){
		$('#alert-msg').addClass('g-hidden')
		if(callBack){
			callBack();
		}
	},1500);
}
function hideAlertMsg(){
	$('#alert-msg').addClass('g-hidden')
}
var nickname = '{$mem["nickname"]}';
var poster = '{php echo json_encode($poster)}';
poster = JSON.parse(poster);
function createPoster(){
	LOADING(true);
	sysPoster = poster.poster.data;
	var avatar_pic = new Image();
	avatar_pic.src = '{$mem["avatar"]}';
	avatar_pic.onload = function(e) {
		var qr_pic = new Image();
		qr_pic.src = qrurl;
		qr_pic.onload = function(e) {
			var canvas = document.getElementById("myCanvas");
			var cxt = canvas.getContext("2d");
			
			var bg_pic = new Image();
			bg_pic.src = poster.poster.bg;
			bg_pic.onload = function(e) {
				cxt.drawImage(bg_pic, 0, 0, 640, 1008);
				for(var ii in sysPoster){
					var pData = sysPoster[ii];
					pData.left = pData.left.replace('px', '');
			  		pData.top = pData.top.replace('px', '');
			      	pData.width = pData.width.replace('px', '');
			      	pData.height = pData.height.replace('px', '');
			      	pData.left = parseFloat(pData.left) * 2;
			      	pData.top = parseFloat(pData.top) * 2;
			      	pData.width = parseFloat(pData.width) * 2;
			      	pData.height = parseFloat(pData.height) * 2;
			      	if(pData.size) {
			      		pData.size = pData.size.replace('px', '');
			      		pData.size = parseFloat(pData.size) * 2;
			      	}
			      	if(pData.type=='img'){
						cxt.drawImage(avatar_pic, pData.left, pData.top, pData.width, pData.height);
					}
					else if(pData.type=='qr'){
						cxt.drawImage(qr_pic, pData.left, pData.top, pData.width, pData.height);
					}
					else if(pData.type=='name'){
						cxt.fillStyle = pData.color; //设置描边样式
					    cxt.font = pData.size+"px Arial"; //设置字体大小和字体
					    var trueTop = 0;
					    trueTop = parseFloat(pData.top) + parseInt(pData.size);
					    cxt.fillText(nickname, pData.left, trueTop);
					}
					else if(pData.type=='book'){
						cxt.fillStyle = pData.color; //设置描边样式
					    cxt.font = pData.size+"px Arial"; //设置字体大小和字体
					    var trueTop = 0;
					    trueTop = parseFloat(pData.top) + parseInt(pData.size);
					    cxt.fillText(book_title, pData.left, trueTop);
					}
					else if(pData.type=='bday'){
						cxt.fillStyle = pData.color; //设置描边样式
					    cxt.font = pData.size+"px Arial"; //设置字体大小和字体
					    var trueTop = 0;
					    trueTop = parseFloat(pData.top) + parseInt(pData.size);
					    cxt.fillText(now_day, pData.left, trueTop);
					}
				}
				var u = navigator.userAgent, app = navigator.appVersion;
		    	var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
		    	var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
		    	if(isIOS){
		    		var src = canvas.toDataURL().replace("data:image/png;base64,","");
		    	}
		    	isAndroid = true;
		    	if(isAndroid){
		    		var src = canvas.toDataURL("image/png");
		    	}
		    	LOADING(false);
		    	$('#bremark-img').attr('src', src);
		    	$('#bremark-img').parent('div').show();
			}
			
		}
	}
}
$(function(){
	getInfo();
	var today_start = "{$today_start}";
	var today_end = "{$today_end}";
	$.extend(window, {
         changeMarksList: function (res) {//切换月份时-重置marksList的月份打卡信息
        	 getInfo();
        }
    });
	//点击日期事件
	$.extend(window, {
		judgeBremark: function(time){
        	var time = new Date(time); 
        	bremark_time = time / 1000;
        	if(parseInt(today_start) <= bremark_time && parseInt(today_end) >= bremark_time){
        		{if $cfg['bremark_type']==0}
        		geBremark();
        		{else}
        		if(today_has_bremark == 1) geBremark();
        		else $('#shareBox').show()
        		{/if}
        	}
        	else if(parseInt(today_end) < bremark_time){
        		showAlertMsg('还未到打卡日期哦，请耐心等候')
        	}
        	else {
        		geBremark();
        	}
        }
    });
})
</script>
</body></html>